<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>XX商城</title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/style.css" />
	</head>

	<body>
		<!--侧边栏滚动监听-->
		<div id="sideBar">
			<ul id="floorIndex">
				
			</ul>
		</div>
		
		<!--header-->
		<div class="headerBar">
			<div class="topBar">
				<div class="comWidth">
					<div class="leftArea">
						<a href="#" class="collection">收藏XX</a>
					</div>
					<div class="rightArea">
						欢迎来到XX网！
						<a href="#">[登录]</a>
						<a href="./register.html">[注册]</a>
					</div>
				</div>
			</div>
			<div class="logoBar">
				<div class="comWidth">
					<div class="logo fl">
						<a href="#">
							
						</a>
					</div>
					<div class="searchBox fl">
						<input type="text" class="searchText fl" />
						<input type="button" value="搜索" class="searchMenu fr" />
					</div>
					<div class="shopCar fr">

						<span class="shopText fl">购物车</span>

						<span class="shopNum fl">0</span>
					</div>

				</div>
			</div>

			<div class="navBox">
				<div class="comWidth">
					<div class="shopClass fl">
						<h3>全部商品分类<i></i></h3>
						<div class="shopClass_show">
							<div class="shopClass_item ">
								<dl>
									<dt><a href="#">手机</a><a href="#">数码</a><a href="#" class="aLink">合约机</a></dt>
									<dd>
										<a href="#">荣耀3X</a>
										<a href="#">单反</a>
										<a href="#"> 智能设备</a>
									</dd>
									<div class="item_right ">
										<div class="dl clearfix">
											<div class="dt">手机通讯</div>
											<div class="dd clearfix">
												<a href="#">手机对讲机</a>
												<a href="#">以旧换新</a>
												<a href="#">手机维修</a>
											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">运营商</div>
											<div class="dd clearfix">
												<a href="#">合约机</a>
												<a href="#">选号码</a>
												<a href="#">固话宽带</a>
												<a href="#">办套餐</a>
												<a href="#">充话费</a>
											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">手机配件</div>
											<div class="dd clearfix">
												<a href="#">手机壳</a>
												<a href="#">贴膜</a>
												<a href="#">手机存储卡</a>
												<a href="#">数据线</a>
												<a href="#">充电器</a>
												<a href="#">手机耳机</a>

											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">摄影摄像</div>
											<div class="dd clearfix">
												<a href="#">数码相机</a>
												<a href="#">单反相机</a>
												<a href="#">微单相机</a>
												<a href="#">拍立得</a>
												<a href="#">运动相机</a>
												<a href="#">摄像机</a>

											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">影音娱乐</div>
											<div class="dd clearfix">
												<a href="#">耳机</a>
												<a href="#">耳麦音箱</a>
												<a href="#">音响便携</a>
												<a href="#">无线音箱</a>
												<a href="#">收音机</a>
												<a href="#">麦克风</a>

											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">智能设备</div>
											<div class="dd clearfix">
												<a href="#">智能手环</a>
												<a href="#">智能手表</a>
												<a href="#">智能眼镜</a>
												<a href="#">智能机器人</a>
												<a href="#">运动跟踪器</a>
												<a href="#">健康监测</a>

											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">电子设备</div>
											<div class="dd clearfix">
												<a href="#">学生平板</a>
												<a href="#">点读机</a>
												<a href="#">早教益智</a>
												<a href="#">录音笔</a>
												<a href="#">电纸书</a>
												<a href="#">电子词典</a>

											</div>
										</div>

								</dl>

								<dl>
									<dt><a href="#">电脑</a><a href="#">硬件外设</a><a href="#" class="aLink">装机宝</a></dt>
									<dd>
										<a href="#">笔记本</a>
										<a href="#">台式机</a>
										<a href="#"> 超极本</a>
									</dd>
									<div class="item_right ">
										<div class="dl clearfix">
											<div class="dt">电脑整机</div>
											<div class="dd clearfix">
												<a href="#">笔记本</a>
												<a href="#">游戏本</a>
												<a href="#">平板电脑</a>
												<a href="#">电脑配件</a>
												<a href="#">一体机</a>
											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">电脑配件</div>
											<div class="dd clearfix">
												<a href="#">显示器</a>
												<a href="#">CPU</a>
												<a href="#">主板</a>
												<a href="#">显卡</a>
												<a href="#">硬盘</a>
												<a href="#">内存</a>
												<a href="#">机箱</a>
											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">外设产品</div>
											<div class="dd clearfix">
												<a href="#">鼠标键盘</a>
												<a href="#">键鼠套装</a>
												<a href="#">网络仪表</a>
												<a href="#">移动硬盘</a>
												<a href="#">鼠标垫</a>
												<a href="#">摄像头</a>

											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">游戏设备</div>
											<div class="dd clearfix">
												<a href="#">游戏机</a>
												<a href="#">游戏耳机</a>
												<a href="#">方向盘</a>
												<a href="#">游戏软件</a>
												<a href="#">游戏周边</a>
											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">办公设备</div>
											<div class="dd clearfix">
												<a href="#">投影机</a>
												<a href="#">投影配件</a>
												<a href="#">传真设备</a>
												<a href="#">验钞</a>
												<a href="#">固话宽带</a>
												<a href="#">点钞机</a>
												<a href="#">碎纸机</a>
											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">文具耗材</div>
											<div class="dd clearfix">
												<a href="#">墨粉墨盒</a>
												<a href="#">办公文具</a>
												<a href="#">学生文具</a>
												<a href="#">文件管理本</a>
												<a href="#">便签</a>
												<a href="#">计算器</a>
												<a href="#">财会用品</a>
											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">文具耗材</div>
											<div class="dd clearfix">
												<a href="#">墨粉墨盒</a>
												<a href="#">办公文具</a>
												<a href="#">学生文具</a>
												<a href="#">文件管理本</a>
												<a href="#">便签</a>
												<a href="#">计算器</a>
												<a href="#">财会用品</a>
											</div>
										</div>
									</div>
								</dl>
								<dl>
									<dt><a href="#">大家电</a>
									<dd>
										<a href="#">电视</a>
										<a href="#">空调</a>
										<a href="#">洗衣机</a>
									</dd>
									<div class="item_right ">
											<div class="dl clearfix">
											<div class="dt">家用电器</div>
											<div class="dd clearfix">
												<a href="#">曲面电视</a>
												<a href="#">超薄电视</a>
												<a href="#">HDR电视</a>
												<a href="#">OLED电视</a>
												<a href="#">4K超清</a>
												<a href="#">55英寸</a>
												<a href="#">65英寸</a>
											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">空调</div>
											<div class="dd clearfix">
												<a href="#">壁挂式空调</a>
												<a href="#">柜式空调</a>
												<a href="#">中央空调</a>
												<a href="#">以旧换新</a>
												<a href="#">0元安装</a>
												<a href="#">空调配件</a>
												
											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">洗衣机</div>
											<div class="dd clearfix">
												<a href="#">滚筒洗衣机</a>
												<a href="#">洗烘一体机</a>
												<a href="#">波轮洗衣机</a>
												<a href="#">迷你洗衣机</a>
												<a href="#">烘干机</a>
												<a href="#">洗衣机配件</a>
										
											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">冰箱</div>
											<div class="dd clearfix">
												<a href="#">多门</a>
												<a href="#">对开门</a>
												<a href="#">三门</a>
												<a href="#">双门</a>
												<a href="#">冷柜</a>
												<a href="#">冰箱配件</a>
											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">厨房电器</div>
											<div class="dd clearfix">
												<a href="#">油烟机</a>
												<a href="#">燃气灶</a>
												<a href="#">烟灶套装</a>
												<a href="#">消毒柜</a>
												<a href="#">电热水器</a>
												<a href="#">燃气热水器</a>
												<a href="#">嵌入式厨电</a>
												
											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">生活电器</div>
											<div class="dd clearfix">
												<a href="#">电风扇</a>
												<a href="#">冷风扇</a>
												<a href="#">吸尘器</a>
												<a href="#">除螨仪</a>
												<a href="#">净化器</a>
												<a href="#">扫地机器人</a>
												<a href="#">加湿器</a>
												
												
											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">个人健康</div>
											<div class="dd clearfix">
												<a href="#">剃须刀</a>
												<a href="#">口腔护理</a>
												<a href="#">美容器</a>
												<a href="#">卷/直发器</a>
												<a href="#">洁面仪</a>
												<a href="#">足浴盆</a>
												<a href="#">理发器</a>
											</div>
										</div>
										
									</div>
								</dl>
								<dl> 
									<dt><a href="#">厨房电器</a><a href="#">生活电器</a>
									<dd>  
										<a href="#">空气净化器</a>
										<a href="#">微波炉</a>
									</dd>
									<div class="item_right ">
											
										<div class="dl clearfix">
											<div class="dt">冰箱</div>
											<div class="dd clearfix">
												<a href="#">多门</a>
												<a href="#">对开门</a>
												<a href="#">三门</a>
												<a href="#">双门</a>
												<a href="#">冷柜</a>
												<a href="#">冰箱配件</a>
											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">厨房电器</div>
											<div class="dd clearfix">
												<a href="#">油烟机</a>
												<a href="#">燃气灶</a>
												<a href="#">烟灶套装</a>
												<a href="#">消毒柜</a>
												<a href="#">电热水器</a>
												<a href="#">燃气热水器</a>
												<a href="#">嵌入式厨电</a>
												
											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">生活电器</div>
											<div class="dd clearfix">
												<a href="#">电风扇</a>
												<a href="#">冷风扇</a>
												<a href="#">吸尘器</a>
												<a href="#">除螨仪</a>
												<a href="#">净化器</a>
												<a href="#">扫地机器人</a>
												<a href="#">加湿器</a>
												
												
											</div>
										</div>
										
									</div>
								</dl>
                                <dl>
									<dt><a href="#">食品</a><a href="#">饮料</a><a href="#" class="aLink"> 粮油</a></dt>
									<dd>
										<a href="#">进口</a>
										<a href="#">方便面</a>
										<a href="#"> 零食</a>
									</dd>
									<div class="item_right ">
										<div class="dl clearfix">
											<div class="dt">新鲜水果</div>
											<div class="dd clearfix">
												<a href="#">苹果</a>
												<a href="#">香蕉</a>
												<a href="#">奇异果</a>
												<a href="#">猕猴桃</a>
												<a href="#">火龙果</a>
												<a href="#">国产水果</a>
												<a href="#">进口水果</a>
											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">精选肉类</div>
											<div class="dd clearfix">
												<a href="#">猪肉</a>
												<a href="#">牛肉</a>
												<a href="#">羊肉</a>
												<a href="#">鸡肉</a>
												<a href="#">鸭肉</a>
												<a href="#">冷鲜肉</a>
												<a href="#">特色肉类</a>

											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">海鲜水产</div>
											<div class="dd clearfix">
												<a href="#">鱼类</a>
												<a href="#">虾类</a>
												<a href="#">蟹类</a>
												<a href="#">贝类</a>
												<a href="#">海参</a>
												<a href="#">特色水产</a>
												<a href="#">三文鱼</a>

											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">中外名酒</div>
											<div class="dd clearfix">
												<a href="#">白酒</a>
												<a href="#">葡萄酒</a>
												<a href="#">洋酒</a>
												<a href="#">啤酒</a>
												<a href="#">黄酒</a>
												<a href="#">养生酒</a>
												<a href="#">收藏酒</a>
											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">休闲食品</div>
											<div class="dd clearfix">
												<a href="#">营养零食</a>
												<a href="#">休闲零食</a>
												<a href="#">坚果</a>
												<a href="#">炒货</a>
												<a href="#">肉干肉脯</a>
												<a href="#">熟食</a>
												<a href="#">巧克力</a>

											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">茗茶</div>
											<div class="dd clearfix">
												<a href="#">铁观音</a>
												<a href="#">普洱</a>
												<a href="#">龙井</a>
												<a href="#">绿茶</a>
												<a href="#">红茶</a>
												<a href="#">乌龙茶</a>
												<a href="#">花草茶</a>

											</div>
										</div>
										<div class="dl clearfix">
											<div class="dt">个人健康</div>
											<div class="dd clearfix">
												<a href="#">剃须刀</a>
												<a href="#">口腔护理</a>
												<a href="#">美容器</a>
												<a href="#">卷/直发器</a>
												<a href="#">洁面仪</a>
												<a href="#">足浴盆</a>
												<a href="#">理发器</a>
											</div>
										</div>
									</div>
								</dl>

								</div>
							</div>
							<div class="shopClass_list hide">
								<dl class="shopList_item ">
									<dt>电脑装机</dt>
									<dd>
										<a href="#"></a>
										<a href="#"></a>
										<a href="#"></a>
										<a href="#"></a>
										<a href="#"></a>
										<a href="#"></a>
									</dd>
								</dl>
							</div>

						</div>
						<ul class="nav fl">
							<li class="active">
								<a href="#">数码城</a>
							</li>
							<li>
								<a href="#">秒杀</a>
							</li>
							<li>
								<a href="#">团购</a>
							</li>
							<li>
								<a href="#">发现</a>
							</li>
							<li>
								<a href="#">海外购</a>
							</li>
							<li>
								<a href="#">特卖</a>
							</li>
						</ul>
					</div>
					<!--comWidth-->

				</div>

			</div>
			<!--header end-->
			<!--banner-->
			<div class="comWidth clearfix">
				<div class="main_banner clearfix">
					<div class="banner" id="banner1">
						<div class="inner" id="inner">

							<!--<div><img src="" trueImg="img/1.jpg" ></div>-->
						</div>
						<ul class="tip" id="tip"> </ul>

						<a class="btnLeft" href="javascript:;"></a>
						<a class="btnRight" href="javascript:;"></a>
					</div>
				</div>
			</div>
			<!--banner end-->
			<!--shopTit-->
			<div class="shopTit comWidth clearfix" id="oneFloor">
				<span class="titleIcon"></span>
				<h3>家用电脑</h3>
				<a href="#" class="more">更多&gt;&gt;</a>
			</div>
			<!--shopTit end-->
			<!--shopList-->
			<div class="shopList comWidth clearfix">
				<div class="leftArea">
					<div class="imgBox">
						<img src="img/shopList01.jpg" />

					</div>
				</div>
				<div class="rightArea">
					<div class="shopList_top">
						<div class="shopItem">
							<div class="shopImg">
								<a href="#"><img src="img/shopItem01.jpg" /> </a>
							</div>
							<h3>米家压力IH电饭煲</h3>
							<p>899元</p>
						</div>
						<div class="shopItem">
							<div class="shopImg">
								<a href="#"><img src="img/shopItem01.jpg" /> </a>
							</div>
							<h3>米家压力IH电饭煲</h3>
							<p>899元</p>
						</div>
						<div class="shopItem">
							<div class="shopImg">
								<a href="#"><img src="img/shopItem01.jpg" /> </a>
							</div>
							<h3>米家压力IH电饭煲</h3>
							<p>899元</p>
						</div>
						<div class="shopItem">
							<div class="shopImg">
								<a href="#"><img src="img/shopItem01.jpg" /> </a>
							</div>
							<h3>米家压力IH电饭煲</h3>
							<p>899元</p>
						</div>

					</div>
					<div class="shopList_bottom">
						<div class="shopList_botItem">
							<div class="shopBotImg">
								<a href="#"><img src="img/shopListBottom01.jpg" /></a>
							</div>
							<div class="shopBotText">
								<h3>NFC技术一碰轻松配对！接触屏幕</h3>
								<p>149元</p>
							</div>
						</div>
						<div class="shopList_botItem">
							<div class="shopBotImg">
								<a href="#"><img src="img/shopListBottom02.jpg" /></a>
							</div>
							<div class="shopBotText">
								<h3>Samsung三星GALAXY Grand2</h3>
								<p>2000元</p>
							</div>
						</div>
						<div class="shopList_botItem">
							<div class="shopBotImg">
								<a href="#"><img src="img/shopListBottom03.jpg" /></a>
							</div>
							<div class="shopBotText">
								<h3>全网低价 Apple苹果iPad mini1</h3>
								<p>1888元</p>
							</div>
						</div>
						<div class="shopList_botItem">
							<div class="shopBotImg">
								<a href="#"><img src="img/shopListBottom04.jpg" /></a>
							</div>
							<div class="shopBotText">
								<h3>Apple苹果 全新Retina屏MacBoo</h3>
								<p>20020元</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--shopList end-->
			<!--shopTit-->

			<div class="shopTit comWidth clearfix" id="twoFloor">
				<span class="titleIcon"></span>
				<h3>食品酒水</h3>
				<a href="#" class="more">更多&gt;&gt;</a>
			</div>

			<!--shopTit end-->
			<!--3F-->
			<!--shopList-->
			<div class="shopList comWidth clearfix">
				<div class="leftArea">
					<div class="imgBox">
						<img src="img/shopList02.jpg" />

					</div>
				</div>
				<div class="rightArea clearfix">
					<div class="shopList_top">
						<div class="shopItem">
							<div class="shopImg">
								<a href="#"><img src="img/2FItem01.jpg" /> </a>
							</div>

							<h3>百草味狂欢周</h3>
							<p>全场6.9元起</p>
						</div>
						<div class="shopItem">
							<div class="shopImg">
								<a href="#"><img src="img/2FItem02.jpg" /> </a>
							</div>
							<h3>洋河品牌日</h3>
							<p>满699返100生鲜券</p>
						</div>
						<div class="shopItem">
							<div class="shopImg">
								<a href="#"><img src="img/2FItem03.jpg" /> </a>
							</div>
							<h3>买红酒 上XX商城</h3>
							<p>任选两件5折</p>
						</div>
						<div class="shopItem">
							<div class="shopImg">
								<a href="#"><img src="img/2FItem04.jpg" /> </a>
							</div>

							<h3>精选奶粉</h3>
							<p>满199减40</p>
						</div>

					</div>
					<div class="shopList_bottom">
						<div class="shopList_botItem">
							<div class="shopBotImg">
								<a href="#"><img src="img/shopListBottom01.jpg" /></a>
							</div>
							<div class="shopBotText">
								<h3>NFC技术一碰轻松配对！接触屏幕</h3>
								<p>149元</p>
							</div>
						</div>
						<div class="shopList_botItem">
							<div class="shopBotImg">
								<a href="#"><img src="img/shopListBottom02.jpg" /></a>
							</div>
							<div class="shopBotText">
								<h3>Samsung三星GALAXY Grand2</h3>
								<p>2000元</p>
							</div>
						</div>
						<div class="shopList_botItem">
							<div class="shopBotImg">
								<a href="#"><img src="img/shopListBottom03.jpg" /></a>
							</div>
							<div class="shopBotText">
								<h3>全网低价 Apple苹果iPad mini1</h3>
								<p>1888元</p>
							</div>
						</div>
						<div class="shopList_botItem">
							<div class="shopBotImg">
								<a href="#"><img src="img/shopListBottom04.jpg" /></a>
							</div>
							<div class="shopBotText">
								<h3>Apple苹果 全新Retina屏MacBoo</h3>
								<p>20020元</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--shopList end-->
			<!--2F end-->
			<!--shopTit-->

			<div class="shopTit comWidth" id="threeFloor">
				<span class="titleIcon"></span>
				<h3>手机数码</h3>
				<a href="#" class="more">更多&gt;&gt;</a>
			</div>

			<!--shopTit end-->
			<!--3F-->
			<!--shopList-->
			<div class="shopList comWidth clearfix">
				<div class="leftArea">
					<div class="imgBox">
						<img src="img/shopList03.jpg" />

					</div>
				</div>

				<div class="rightArea">
					<div class="shopList_top">
						<div class="shopItem">
							<div class="shopImg">
								<a href="#"><img src="img/3FItem01.jpg" /> </a>
							</div>

							<h3>小米爆款8.18元秒</h3>
							<p>最高立省500元</p>
						</div>
						<div class="shopItem">
							<div class="shopImg">
								<a href="#"><img src="img/3FItem02.jpg" /> </a>
							</div>
							<h3>华为爆款</h3>
							<p>最高立省800元</p>
						</div>
						<div class="shopItem">
							<div class="shopImg">
								<a href="#"><img src="img/3FItem03.jpg" /> </a>
							</div>
							<h3>iPhone 6 32G金色</h3>
							<p>低至2299元</p>
						</div>
						<div class="shopItem">
							<div class="shopImg">
								<a href="#"><img src="img/3FItem04.jpg" /> </a>
							</div>
							<h3>荣耀爆款</h3>
							<p>最高立省1000元</p>
						</div>

					</div>
					<div class="shopList_bottom ">
						<div class="shopList_botItem">
							<div class="shopBotImg">
								<a href="#"><img src="img/shopListBottom01.jpg" /></a>
							</div>
							<div class="shopBotText">
								<h3>NFC技术一碰轻松配对！接触屏幕</h3>
								<p>149元</p>
							</div>
						</div>
						<div class="shopList_botItem">
							<div class="shopBotImg">
								<a href="#"><img src="img/shopListBottom02.jpg" /></a>
							</div>
							<div class="shopBotText">
								<h3>Samsung三星GALAXY Grand2</h3>
								<p>2000元</p>
							</div>
						</div>
						<div class="shopList_botItem">
							<div class="shopBotImg">
								<a href="#"><img src="img/shopListBottom03.jpg" /></a>
							</div>
							<div class="shopBotText">
								<h3>全网低价 Apple苹果iPad mini1</h3>
								<p>1888元</p>
							</div>
						</div>
						<div class="shopList_botItem">
							<div class="shopBotImg">
								<a href="#"><img src="img/shopListBottom04.jpg" /></a>
							</div>
							<div class="shopBotText">
								<h3>Apple苹果 全新Retina屏MacBoo</h3>
								<p>20020元</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--shopList end-->
			<!--3F end-->
			<div class="footer clearfix">
				<p>
					<a href="#">XX简介</a><i>|</i>
					<a href="#">XX公告</a><i>|</i>
					<a href="#">招纳贤士</a><i>|</i>
					<a href="#">联系我们</a>
				</p>
				<p>Copyright © 2006 - 2014 XX版权所有 京ICP备09037834号 京ICP证B1034-8373号 某市公安局XX分局备案编号：123456789123</p>
				<div class="footerImg">
					<img src="img/footer01.jpg" />
				</div>
			</div>
			<!--script-->
			<script type="text/javascript" src="js/animation.js"></script>
			<script type="text/javascript" src="js/utils.js"></script>

			<script type="text/javascript" src="js/myCarouselPlugin.js"></script>
            <script type="text/javascript" src="js/index.js" ></script>
	</body>

</html>